﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/home/home.css">
    <title>Document</title>
    <script src="/lib/jquery/jquery.js"></script>
</head>

<body>
    <div class="layout">
        <!-- 顶部 -->
        <header class="mmb_header">
            <h1 id="mmm">
                <a href="javascript:void(0)">
                    <img src="/images/header_logo.png" alt="">
                </a>
            </h1>
            <div>
                <a href="javascript:void(0)">
                    <img src="/images/header_app.png" alt="">
                </a>
            </div>
        </header>
        <!-- 搜索 -->
        <div class="mmb_search">
            <form>
                <input type="search" placeholder="请输入你想比价的商品">
                <i class="search_icon"></i>
                <button>搜索</button>
            </form>
        </div>
        <!-- 快速入口 -->
        <div class="quickCenter">

        </div>

        <!-- 超值折扣推荐: -->
        <div class="superplice">
            <a href="javascript:;">
                <span>超值折扣推荐</span>
                <img src="/images/more.png" alt="">
            </a>
        </div>

        <!-- 推荐商品 -->
        <div class="product">
            <ul class="product_list">

            </ul>
            <div class="more_bar">
                <a href="jsvascript:;">更多优惠信息 &raquo;</a>
            </div>
        </div>

        <div class="brandRanking">
            <a href="javascript:;">
                <span>品牌排行</span>
                <img src="/images/more.png" alt="">
            </a>
        </div>

        <!-- 底部 -->
        <div id="foot">
            <div class="foot_top">
                <a href="javascript:;">登录</a> <a href="javascript:;">注册</a>
                <a href="#mmm" style="width: 40%; border: 0;">
                    <img src="/images/top.jpg" />
                    返回顶部
                </a>
            </div>
            <div class="footer">
                <p>
                    <a href="javascript:;" style="color: Red;">手机APP下载
                    </a>
                    <a href="javascript:;">慢慢买手机版</a> -- 掌上比价平台
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </div>
</body>

</html>
<script src="/js/template.js"></script>
<script src="/js/home.js"></script>


<!-- 模板 -->
<script type="text/template" id="quickCenterTmp">
    {{each data as value index}}
        <div class="item">
            <a href="{{value.titlehref}}">
                <div class="pic">
                    {{#value.img}}
                </div>
                <div class="name">
                    <span>{{value.name}}</span>
                </div>
            </a>
        </div>
    {{/each}}
</script>

<!-- 推荐模板 -->
<script type="text/template" id="superlistTmp">
    {{each data as value index}}
    <li>
        <a href="javascript:;">
            <div class="pic">{{#value.productImg2}}</div>
        </a>
        <div class="sale">
            <div class="title">{{value.productName}}
                <span>{{value.productPinkage}}</span>
            </div>
            <div class="other">
                <span class="mall">{{value.productFrom}} | {{value.productTime}}</span>
                <span class="comment">
                    <i class="iconfont">&#xe710;</i>{{value.productComCount}}
                </span>
            </div>
        </div>
    </li>
    {{/each}}
</script>